@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------------------------------- */
/* Theme Information
/* ----------------------------------------------------------------------
Name: Finesse
Description: Responsive Business Theme
Version: 2.4
Author: Ixtendo
Author URI: http://www.ixtendo.com
------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* Imported Stylesheets (Their order is important.)
/* ---------------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Metrophobic);

@import
	url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300italic,400italic,600italic,700italic,300,600,800,800italic)
	;

@import
	url(http://fonts.googleapis.com/css?family=Tinos:400,700,400italic,700italic)
	;

/*@import url('/css/html5-reset.css');*/

@import url('/css/polyglot-language-switcher.css');

@import url('/css/flexslider.css');

@import url('/css/jquery.fancybox.css');

@import url('/css/mediaelementplayer.css');

@import url('/css/shortcodes.css');

/* ---------------------------------------------------------------------- */
/* Finesse Styles
/* ----------------------------------------------------------------------
TABLE OF CONTENTS

-Generic
-Containers
-Headings
-Links
-Text & Content Blocks
-Header
	-Logo & Tagline
	-Contact Info
-Navigation Bar
-Forms
-Homepage
-Icon Boxes
-Carousel
-Portfolio & Blog
-Portfolio
-Blog
-Columns
-Footer
-Widgets
-Scroll to Top
-Error Page
-Search Results
-Pagination
-Tables
-About Us
-Clients
-Media Queries
------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* Generic
/* ---------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	outline: none;
}
html
	{
	height:100%;
	overflow:auto;
}

body {
	height:100%;
	background:#fff;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 13px;
	line-height: 1.5em; /* 18px */
	color: #333;
}


iframe,video,audio {
	display: block;
}

/*img,*/
embed,object,video {
	/* Note: keeping IMG here will cause problems if you're using foreground images as sprites. */
	max-width: 100%;
}

video {
	width: 100%;
	height: auto;
}

ul {
	list-style: none;
}

/* Clearfix */
.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

/* ---------------------------------------------------------------------- */
/* Containers
/* ---------------------------------------------------------------------- */
#wrapper {
	overflow: hidden;
	min-height: 100%;
	width: 100%;
	background-color: #fff;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
}

.content1 {
	width: auto;
	margin: 0 auto;
	padding-top:20px;
	padding-bottom:40px;
}
.content2 {
	width: 960px;;
	margin: 0 auto;
	padding-top:20px;
	padding-bottom:40px;
}
#content {
	padding-top:113px;
	width: 100%;
	line-height: 2.5em;	
	margin: 0 auto;
	padding-bottom:200px;
}

.previewArea {
	z-index: 999;
	top: 50%;
	left:50%;
	height:380px;
	width:380px;
	margin:-190px 0 0 -190px;
	position:absolute;
}

.previewAreaBox {
	border: solid 1px #2d2d2d;
	font-size: 14px;
	
	background: url(/images/banner.png) repeat;
	padding: 20px 50px 20px 50px;
	
	z-index: 999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
}

.previewAreapadding {
	padding: 15px;
}

.previewAreaBox .end,.previewAreaBox .start {
	font-size: 0px;
	display: none;
}

#templateo_container {
	background: #ffffff;
	width: 960px;
	margin: 0 auto;
}

#wrap1 { /* The Fallback */
	padding: 0px 15px 15px 15px;
	width: 94%;
	margin: 0 auto;
}

#homecontainer {
	background: #fff; /* The Fallback */
	height: auto;
	width: 100%;
	margin-top: -50px;
	border-top: 8px solid #686868;
}

/* ---------------------------------------------------------------------- */
/* Headings
/* ---------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	margin-bottom: 15px;
}

h1#page-title {
	padding: 15px 0;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 30px;
}

h1 {
	font-family: verdana,helvetica,arial,sans-serif;
	font-weight: 300;
	font-size: 1.9em; /* 28px */
	line-height: 1.214em; /* 34px/28px */
}

h2 {
	font-family: verdana,helvetica,arial,sans-serif;
	font-weight: bold;
	font-size: 1.4em; /* 18px */
	line-height: 1.333em; /* 24px/18px */
}

h3 {
	font-family: verdana,helvetica,arial,sans-serif;
	font-weight: bold;
	font-size: 1.2em; /* 16px */
	line-height: 1.375em; /* 22px/16px */
}

h4 {
	font-family: verdana,helvetica,arial,sans-serif;
	font-weight: 600;
	font-size: 1.166em; /* 14px */
	line-height: 1.428em; /* 20px/14px */
}

h5 {
	font-family: verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	font-size: 1.083em; /* 13px */
	line-height: 1.461em; /* 19px/13px */
}

h6 {
	font-family: verdana,helvetica,arial,sans-serif;
	font-weight: bold;
	font-size: 1em; /* 12px */
	line-height: 1.5em; /* 18px */
}

/* ---------------------------------------------------------------------- */
/* Links
/* ---------------------------------------------------------------------- */
a,a>* {
	text-decoration: none;
}

a,a>*,.button,.jcarousel-prev,.jcarousel-next {
	-webkit-transition: color 0.2s ease, background-color 0.2s ease, border
		0.2s ease, opacity 0.2s ease-in-out;
	-moz-transition: color 0.2s ease, background-color 0.2s ease, border
		0.2s ease, opacity 0.2s ease-in-out;
	-ms-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s
		ease, opacity 0.2s ease-in-out;
	-o-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s
		ease, opacity 0.2s ease-in-out;
	transition: color 0.2s ease, background-color 0.2s ease, border 0.2s
		ease, opacity 0.2s ease-in-out;
}

a:hover,a>* {
	color: #383838;
}

/* ---------------------------------------------------------------------- */
/* Text & Content Blocks
/* ---------------------------------------------------------------------- */
p {
	margin-bottom: 20px;
}

section,#page-header,#sidebar {
	margin-bottom: 20px;
}

section1 {
	margin-bottom: 40px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.tip,caption,.caption {
	color: #999;
	font-size: 0.916em; /* 11px */
	font-style: italic;
}

.grey-text {
	color: #999;
}

.invisible {
	display: none !important;
}
/*
hr {
	background-color: #e5e5e5;
	color: #e5e5e5;
	border: none;
	height: 1px;
	clear: both;
	margin: 40px 0;
}*/

mark {
	font-style: normal;
	font-weight: normal;
}

.intro {
	font-weight: 600;
	font-size: 1.083em; /* 13px */
}

.note {
	color: #f25824;
}

/* ---------------------------------------------------------------------- */
/* Header
/* ---------------------------------------------------------------------- */
#header {
	width:100%;
	left:0;
	top:0;
	position:fixed;
	display: block;
	background-color:#fff;
	height: 90px;
	color: #B4CA41;
	z-index:9999;
	border-bottom:5px solid #4B4B4B;
}
#header1 {
	margin: 0 auto;
	width: 960px;
	//height: 120px;
	//background-color:#072541;
}
#header #header1 .right_part_head {
float:right;
text-align: right;
padding-top: 36px;
}
#header #header1 .logo {
float:left;
margin-top: 20px;
display: block;
font-size: 40px;

}
#header #header1 .logo a{
	color: #263D8E;
	}
#header a{
	color:#fff;
	}

#header .login_logo{
//margin-top:10px;
}

#header .title {
	width: 100%;
	height: 95px;
}

#header h2 {
	padding: 10px;
}

#contact {
	font-size:12px;
	height:10px;
}
#contact a{
	//text-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
	}
#nav1 {
	padding-top: 15px;
	font-size:14px;
	display: block;
	height: 20px;
}
#nav-parent{
	float: left;
	padding-right:30px;
	padding-top:0px;
	text-transform:uppercase;
	}
#nav-parent a,#nav-parent a:hover, #nav-parent .current{
	color:#383838;
	padding-bottom:8px;
	font-weight:bold;
	text-decoration: none;
}

#nav-parent a:hover,#nav-parent .current{
	border-bottom:7px solid #92c535;
	}


#faq_one
{
	border:1px solid #e5e5e5;
	border-radius:5px;
	width:auto;
	height:auto;
	background-color:#e5e5e5;
	padding:10px;
	margin-bottom:10px;
}
#faq_one a
{
	color:grey;
	text-decoration:underline;
}
#faq_one a:hover
{
	text-decoration:none;
}
#faq_one p
{
	font-size:14px;
	color:black;
}
#demand_title h2 {
color: #fff;
padding-bottom: 15px;
}

#side,#box123,.content-form #right,.content-form #left
{

	overflow-y:scroll;
	overflow-y:auto;
}
#box123,#side,#whyus,.content-form #left,.content-form #right{
    scrollbar-face-color: lightgrey;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
}

/* Let's get this party started */
.content-form #left::-webkit-scrollbar,.content-form #right::-webkit-scrollbar,#box123::-webkit-scrollbar, #side::-webkit-scrollbar,#whyus::-webkit-scrollbar {
    width: 10px;
}
 
/* Track */
.content-form #left::-webkit-scrollbar-track,.content-form #right::-webkit-scrollbar-track,#box123::-webkit-scrollbar-track,#side::-webkit-scrollbar-track,#whyus::-webkit-scrollbar-track {
   
    border-radius: 10px;
}
 
/* Handle */
.content-form #left::-webkit-scrollbar-thumb,.content-form #right::-webkit-scrollbar-thumb,#box123::-webkit-scrollbar-thumb,#side::-webkit-scrollbar-thumb,#whyus::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: lightgrey; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}


.header-nav {
	float: right;
	font-size: 0;
	text-align: right
}

.header-nav>a {
	border: 1px solid transparent;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	opacity: 1;
	padding: 20px 12px;
	text-decoration: none !important;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: background 0.1s linear, opacity 0.1s linear;
	-moz-transition: background 0.1s linear, opacity 0.1s linear;
	-ms-transition: background 0.1s linear, opacity 0.1s linear;
	-o-transition: background 0.1s linear, opacity 0.1s linear;
	transition: background 0.1s linear, opacity 0.1s linear
}

.header-nav>a:hover,.header-nav>a:focus,.header-nav>a.nav-selected {
	/*background: #f67d0f;
	background: rgba(255, 255, 255, 0.15);*/
	opacity: 0.8;
	text-decoration: none
}

#nav-sign-in {
	
	opacity: 0.5
}

#nav-sign-in:hover,#nav-sign-in:focus {
	opacity: 1
}

#nav-sign-up { /*background: rgba(255, 255, 255, 0.1);*/
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	margin-left: 10px;
	opacity: 1;
	padding: 6px 12px 7px
}

.userimg {
	vertical-align: middle;
	height: 32px;
}

.usernamebx {
	width: 125px;
	background: url(/images/user_detail.png) no-repeat left center;
	text-align: left;
	height: 25px;
	font-size: 11px;
	color: #FFF;
	display: block;
	float: right;
}

.lo_drop {
	padding: 10px;
	margin: 0px;
	width: 170px;
	height: 90px;
	background: #3b3b3b;
	color: #FFF;
	position: absolute;
	top: 49px;
	right: 30px;
	z-index: 100;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-moz-box-shadow: 0px 1px 5px #dedede;
	-webkit-box-shadow: 0px 1px 5px #dedede;
	box-shadow: 0px 1px 5px #525252;
	display: none;
}

.lo_name {
	font-size: 14px;
	color: #CCC;
	padding: 0 0 10px 0px;
	border-bottom: 1px #666 dotted;
}

#usertype {
	font-size: 10px;
}

.lo_drop ul {
	padding: 10px 0px 0px 0px;
	margin: 0px;
	list-style: none;
}

.lo_drop li {
	padding: 0px;
	margin: 0px;
}

#homepage .header-nav {
	margin-right: -16px
}

#homepage #nav-sign-up {
	display: none
}

.view-mobile-version-link {
	background: #222;
	color: #fff;
	display: block;
	font-size: 42px;
	margin: 0 auto -20px;
	min-width: 1060px;
	padding: 50px 0;
	text-align: center;
	width: 100%
}

#homecontainer1 {
	background: #fff; /* The Fallback */
	padding: 15px 15px 15px 15px;
	height: 280px;
	border-top: 10px solid #383838;
	margin: 0 auto;
	margin_top: 10px;
}

#loginpage {
	background: url(/images/login-img2.jpg);
	margin-top: -30px;
	width: 400px;
	float: right;
	margin-right: 40px;
	border: 1px solid grey;
}

#formele {
	margin-left: 40px;
	margin-top: 20px;
}

#logout {
	float: right;
}
/* ---------------------------------------------------------------------- */
/* Navigation Bar
/* ---------------------------------------------------------------------- */

#menu {
    display: inline-block;
    list-style:none;
}
#menu li {
	margin-right:30px;
    float: left;
    position: relative;
    list-style: none;
    height:32px;
    zoom: 1;
    
}


#menu li:last-child {
	margin-right:0px;
	}

#menu > li:hover > ul {
    display: block;
    background-color: #191919;
	font-size:14px;
	top:32px !important;
	width:200px;
}
#menu > li > ul {
    display: none;
    position: absolute;
    
}
#menu li a {
	text-shadow: 0 1px #fff;
    display:block;
    text-decoration:none;
     color:#343434;
    white-space: nowrap;
}
#menu li.current a
	{
	
	 font-weight:800;
}

#menu ul li a {
    color:#fff;
}

#menu li a:hover {
	 font-weight:800;
	 padding-bottom:2px;
    //color:ED732D;
    border-bottom:3px solid #ED732D;
}
#menu .sub_menu li
	{
	padding:10px;
	width:150px;
	height:auto;
}
#menu .sub_menu li a:hover,#menu .sub_menu li.current a,#menu .sub_menu li a
	{
	border-bottom:none;
	padding: 7px 15px;
}

#menu .sub_menu li a:hover
	{
	width:170px;
	height:auto;
	background-color:#383838;
	padding: 7px 15px;
}


#menu .sub_menu li a:hover
	{
	width:170px;
	height:auto;
	background-color:#B4CA41;
	color:#000;
}
#navbar {
	height: 3.5em;
	width:700px;
	margin-top: 0px;
	//background: #252525; /* Old browsers */
	text-transform:uppercase;
	
}

/* Navigation */

/* Navigation List */
ul#navlist li {
	float: left;
	margin-right:30px;
}

ul#navlist li a {

	display: block;
	font-size:14px;
	font-weight: bold;
	margin-bottom:5px;
	text-align: center;
	color:#383838;

}
ul#navlist li.current a{
	padding-bottom:7px;
	border-bottom:7px solid #92c535; 
}


.no-touch ul#navlist li a:hover,ul#navlist li a.selected {
	
	padding-bottom:7px;
	border-bottom:7px solid #92c535 !important;
	
	
}

/* Drop-Down Menus */
.ddsubmenustyle,.ddsubmenustyle div {
	position: fixed;
	visibility: hidden;
	
}

.ddsubmenustyle>ul {
	
	top: 16px !important;
}

.ddsubmenustyle ul {
	position: absolute;
	width: 200px;
}

.ddsubmenustyle li a {
	
	display: block;
	color: #fff;
	background-color: #383838;
	padding: 8px 15px;
	//border-top: 1px solid #4d4d4d;
	//border-bottom: 1px solid #262626;
	font-size:14px;
}

.ddsubmenustyle>ul>li:first-child a {
	border-top: none;
}

/* Neutral CSS */
.ddiframeshim {
	position: absolute;
	z-index: 500;
	background: transparent;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
}

/* Tiny Nav */
.tinynav {
	display: none;
	height: 2.333em; /* 28px */
	padding: 0.416em 10px; /* 5px 10px */
	margin: 0.416em 14px; /* 5px 14px */
	background-color: #e5e5e5;
	border: none;
}

.tinynav option {
	padding: 5px 10px;
}

/* ---------------------------------------------------------------------- */
/* Forms
/* ---------------------------------------------------------------------- */
input,textarea {
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	-webkit-appearance: none; /* Fix for Mobile Safari */
}

/* Fix for Mobile Safari */
input[type="checkbox"] {
	-webkit-appearance: checkbox;
}

input[type="radio"] {
	-webkit-appearance: radio;
}

input {
	vertical-align:middle;
	margin-right:7px;
	line-height: normal;
}

textarea {
	overflow: auto; /* removes scrollbar in IE */
}

input[type="submit"] {
	width: auto;
}

::-webkit-input-placeholder { /* Chrome, Safari */
	color: #999;
}

/* Firefox */
:-moz-placeholder {
	color: #999;
}

::-moz-focus-inner {
	/* removes the extra padding and dotted border on buttons in Firefox */
	padding: 0;
	border: none;
}

/* Search Form */
#search-form {
	float: right;
	position: relative;
	margin: 5px 14px 5px 20px;
}

/* Initial */
#s {
	position: absolute;
	top: 0;
	right: 0;
	width: 174px;
	height: 1.333em; /* 16px */
	padding: 0.5em 36px 0.5em 10px; /* 6px 36px 6px 10px */
	border: none;
	background-color: #e5e5e5;
}

#marital,#gender,#question,#rating {
	width: 40px;
}

.small-search {
	width: 200px !important;
	padding-right: 10px !important;
	top: 38px !important;
	z-index: 10;
}

#s::-webkit-input-placeholder { /* Chrome, Safari */
	color: #888;
}

#s:-moz-placeholder { /* Firefox */
	color: #888;
}

#search-submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 2.333em; /* 28px */
	background: url(/images/search.png) no-repeat center center;
	border: none;
	text-indent: -10000em;
	background-color: #e5e5e5;
	cursor: pointer;
}

/* Newsletter Form */
#newsletter-wrap {
	padding-top: 25px;
	border-top: 1px solid #e5e5e5;
}

#newsletter-form input#newsletter {
	float: left;
	width: 74.347%; /* 342px/460px */
	margin-right: 10px;
}

#newsletter-form input.button {
	float: right;
	margin-right: 0;
	margin-bottom: 5px;
}

#newsletter-wrap .tip {
	margin-top: 7px;
}



/* Comment Form */
#comment-form p {
	margin-bottom: 50px;
}

#comment-form input,#comment-form textarea {
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
	padding: 6px 10px;
	border-radius: 0;
}

#comment-form input:hover,#comment-form textarea:hover {
	border-color: #d9d9d9;
}

#comment-form input:focus,#comment-form textarea:focus {
	border-color: #ccc;
}

#comment-form input {
	width: 50%;
}

#comment-form label,#comment-form input,#comment-form textarea {
	margin-bottom: 5px;
}

#comment-form label {
	display: block;
	clear: both;
}

#comment-form .error {
	color: #f25824;
}

#comment-form textarea {
	width: 60%;
	height: 160px;
}

/* ---------------------------------------------------------------------- */
/* Homepage
/* ---------------------------------------------------------------------- */
#slider-home {
	margin-bottom: 15px;
}

/* ---------------------------------------------------------------------- */
/* Icon Boxes
/* ---------------------------------------------------------------------- */
.iconbox {
	text-align: center;
	margin-bottom: 20px;
}

.iconbox h4 a {
	color: #383838;
}

.iconbox-icon {
	display: block;
	height: 42px;
	margin: 0 auto 20px;
	background-repeat: no-repeat;
}

.iconbox.computer .iconbox-icon {
	background-image: url(/images/icon-boxes/computer.png);
	width: 44px;
}

.iconbox.mouse .iconbox-icon {
	background-image: url(/images/icon-boxes/mouse.png);
	width: 28px;
}

.iconbox.applications .iconbox-icon {
	background-image: url(/images/icon-boxes/applications.png);
	width: 50px;
}

.iconbox.cog .iconbox-icon {
	background-image: url(/images/icon-boxes/cog.png);
	width: 42px;
}

.iconbox.globe .iconbox-icon {
	background-image: url(/images/icon-boxes/globe.png);
	width: 32px;
}

.iconbox.write .iconbox-icon {
	background-image: url(/images/icon-boxes/write.png);
	width: 42px;
}

.iconbox.address-book .iconbox-icon {
	background-image: url(/images/icon-boxes/address-book.png);
	width: 34px;
}

.iconbox.chemical .iconbox-icon {
	background-image: url(/images/icon-boxes/chemical.png);
	width: 24px;
}

/* ---------------------------------------------------------------------- */
/* Carousel
/* ---------------------------------------------------------------------- */
h2 span.more {
	font-weight: normal;
	font-size: 0.666em; /* 12px/18px */
	line-height: 1.5em; /* 18px/12px */
}

h2 span.more a {
	font-style: italic;
}

.jcarousel-container {
	max-width: 100%;
}

.jcarousel-clip {
	overflow: hidden;
	width: 100%;
}

.iconbox-carousel>li,.project-carousel>li,.post-carousel>li {
	float: left;
	min-width: 216px;
	margin-right: 10px;
}

/* ---------------------------------------------------------------------- */
/* Portfolio & Blog
/* ---------------------------------------------------------------------- */
.entry-image,.entry-video,.entry-audio,.entry-slider {
	margin-bottom: 20px;
}

.entry-image>a,.entry-slider>ul>li>a {
	display: block;
	position: relative; /* sets the initial position for the overlay */
}

.entry-image,.entry-slider>ul>li {
	background-color: #fff;
}

.entry-image img {
	display: block;
}

.entry-image {
	display: inline-block;
	min-width: 200px;
	height: 113px;
	border-radius: 5px;
	line-height: 50px;
	horizontal-align: center;
	border: 1px solid #e5e5e5;
}

.entry-image,.entry-image img,.entry-slider,.entry-slider img {
	max-width: 100%;
}

.entry-title {
	color: #383838;
	line-height: 50px;
	margin-top: -40px;
	margin-left: 25px;
}

/* Overlay */
.entry-image>a .overlay,.entry-slider>ul>li>a .overlay {
	opacity: 0;
	filter: alpha(opacity =     0);
	z-index: 0; /* for Opera */
}

.entry-image>a:hover .overlay,.entry-slider>ul>li>a:hover .overlay {
	opacity: 1;
	filter: alpha(opacity =     100);
	z-index: 1; /* for Opera */
}

.overlay {
	display: block;
	background-color: rgba(0, 0, 0, 0.3);
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.overlay.zoom {
	background-image: url(/images/overlay-zoom.png);
}

.overlay.link {
	background-image: url(/images/overlay-link.png);
}

/* Entry Slider */
.entry-slider {
	position: relative;
	/* sets the initial position for the entry slider arrows */
}

.entry-slider-nav a {
	position: absolute;
	top: 50%;
	margin-top: -13px;
	width: 23px;
	height: 27px;
	cursor: pointer;
	background-image: url(/images/slider/arrows.png);
	background-repeat: no-repeat;
	z-index: 10;
	text-indent: -10000em;
}

.entry-slider-nav a.prev {
	left: 0;
	background-position: 8px 7px;
}

.entry-slider-nav a.next {
	right: 0;
	background-position: -19px 7px;
}

.entry-slider-nav a.disabled:link,.entry-slider-nav a.disabled:visited,.entry-slider-nav a.disabled:hover,.entry-slider-nav a.disabled:active
	{
	background-color: rgba(0, 0, 0, 0.6);
	cursor: default;
}

/* ---------------------------------------------------------------------- */
/* Portfolio
/* ---------------------------------------------------------------------- */
.project-carousel>li {
	text-align: center;
}

/* Portfolio Gallery */
ul.portfolio-grid {
	margin-right: -20px;
}

ul.portfolio-grid>li {
	margin-bottom: 20px;
	text-align: center;
}

ul.portfolio-grid>li.one-fourth {
	float: left;
	width: 220px;
	height: 223px;
	margin-right: 20px;
}

/* Filter */
#filter {
	margin-bottom: 40px;
}

#filter>span {
	margin: 5px 10px 5px 0;
}

#filter ul,#filter li {
	display: inline-block;
}

#filter li {
	margin: 5px 5px 5px 0;
}

#filter li,#filter>span {
	vertical-align: middle;
}

#filter a {
	display: block;
	line-height: normal;
	color: #383838;
	background-color: #e5e5e5;
	padding: 5px 10px;
}

#filter a:hover,#filter li.active a {
	color: #fff;
}

/* ---------------------------------------------------------------------- */
/* Blog
/* ---------------------------------------------------------------------- */
.post-carousel .entry-meta {
	width: 40px;
	margin-right: 10px;
}

.entry-meta {
	width: 100px;
	margin-right: 20px;
	float: left;
	font-size: 0.916em; /* 11px */
	line-height: 1.272em; /* 14px/11px */
	color: #888;
}

.entry-meta .title {
	font-weight: bold;
	font-style: normal;
}

.entry-meta .title {
	color: #383838;
}

a.post-format-wrap,.entry-meta>span {
	display: block;
}

.entry-meta>span {
	margin-bottom: 5px;
	font-style: italic;
}

.post-format {
	display: block;
	width: 36px;
	height: 36px;
	margin-bottom: 10px !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #bfbfbf;
	text-indent: -10000em;
}

.post-format.standard {
	background-image: url(/images/blog/post-standard.png);
}

.post-format.image {
	background-image: url(/images/blog/post-image.png);
}

.post-format.gallery {
	background-image: url(/images/blog/post-gallery.png);
}

.post-format.video {
	background-image: url(/images/blog/post-video.png);
}

.post-format.audio {
	background-image: url(/images/blog/post-audio.png);
}

.post-format.quote {
	background-image: url(/images/blog/post-quote.png);
}

.post-format.link {
	background-image: url(/images/blog/post-link.png);
}

.post-format.aside {
	background-image: url(/images/blog/post-aside.png);
}

.entry-body {
	overflow: hidden;
}

.blog-entry-list .entry {
	border-top: 1px solid #e5e5e5;
	padding-top: 40px;
}

.blog-entry-list .entry:first-child {
	border: none;
	padding: 0;
}

.blog-entry-list .entry,.blog-entry-single .entry {
	margin-bottom: 20px;
}

/* Comments */
#comments {
	padding-top: 40px;
	border-top: 1px solid #e5e5e5;
	margin-bottom: 20px;
}

/* Comments Header */
#comments h3 {
	margin-bottom: 20px;
}

/* Comment List */
ol.comment-list,ol.children {
	list-style: none;
}

#comment-1 {
	border-top: none;
}

li.comment .comment-wrap {
	padding: 20px 0;
	border-top: 1px dotted #ccc;
}

li.comment ol.children {
	margin-left: 65px;
}

/* Comment List Content */
ol.comment-list .avatar-wrap {
	float: left;
	margin-right: 15px;
}

ol.comment-list .avatar-wrap a.comment-edit-link {
	display: block;
	margin-top: 10px;
	text-align: center;
	font-style: italic;
}

ol.comment-list .comment-details {
	overflow: hidden;
}

ol.comment-list .comment-author {
	font-weight: bold;
}

ol.comment-list .comment-author a {
	color: #383838;
}

ol.comment-list .comment-meta {
	margin-bottom: 15px;
	color: #888;
	font-style: italic;
}

ol.comment-list .comment-reply-link {
	font-style: italic;
}

/* Respond (Leave a Comment) */
#respond {
	padding-top: 40px;
	border-top: 1px solid #e5e5e5;
}

#reply-title small {
	float: right;
	margin-top: 2px;
	font-size: 0.75em; /* 12px/16px */
	line-height: 1.5em; /* 18px/12px */
	font-weight: normal;
	font-style: italic;
}

/* ---------------------------------------------------------------------- */
/* Columns
/* ---------------------------------------------------------------------- */
.one-half,.one-third,.one-fourth,.two-thirds,.three-fourths {
	display: inline;
	float: left;
	margin-right: 2%;
}

.one-half {
	width: 100%;
}

.one-third {
	width: 32%;
	max-width: 300px;
}

.one-fourth {
	width: 23.5%;
	max-width: 220px;
}

.two-thirds {
	width: 66%;
	max-width: 620px;
}

.three-fourths {
	width: 100%;
	max-width: 700px;
}

.three-fourth {
	width: 74.5%;
	max-width: 600px;
}

.column-last {
	margin-right: 0 !important;
}

/* ---------------------------------------------------------------------- */
/* Footer
/* ---------------------------------------------------------------------- */
#footer {
	position:absolute;
	bottom:0;
	left:0;
	line-height: 1;
	margin: 0 auto;
	
	height: auto;
	background: #262626;
	width: 100%;
	border-top: 5px solid lightgrey ;
	font-size: 14px;
	
}
#footer #han_logo img,#footer #rfox_logo img
{
	opacity:0.4;
	filter:alpha(opacity=40);
}
#footer #han_logo img:hover,#footer #rfox_logo img:hover
{
	opacity:1.0;
	filter:alpha(opacity=100);
}
#footer_one {
	margin: 0 auto;
	width: 920px;
	color: #8C8989 
}

#footer .footer1 {
	padding: 10px 0;
	height: auto;
	
}

#footer #footer_one .foot_menus {
display: inline-block;
zoom: 1;
width: auto;
margin:0 auto;
padding: 36px 0 19px 0;
}

#footer #footer_one .foot_menus .some_foot_menu {
float: left;
min-width: 100px;
margin-right: 45px;
}
#footer #footer_one .foot_menus .some_foot_menu .h_sfm {
display: inline-block;
padding-bottom: 20px;
font-size: 0;
font-size: 13px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);
}
#footer #footer_one .foot_menus .some_foot_menu ul {
list-style-type: none;
margin: 0;
padding: 0;
max-width: 145px;
}
#footer #footer_one .foot_menus .some_foot_menu ul li {
margin: 0 0 6px 0;
padding: 0;
font-size: 0;
}
#footer #footer_one .foot_menus .some_foot_menu ul li a {
font-size: 12px;
text-decoration: none;
display: inline-block;
zoom: 1;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);
}
#footer #footer_one .some_foot_menu .foot_follow_us {
float: left;
//margin-right: -4px;
}


#footer #footer_one .foot_contacts {
background: url('/images/foot_border.png') repeat-x left top;
}
#footer #footer_one  .foot_contacts .inner_foot_contacts {
display: inline-block;
zoom: 1;
width: 100%;
padding-top: 30px;
//background: url('/images/RF.png') no-repeat 457px 30px;
}



#footer #footer_one .some_foot_menu .foot_follow_us .h_ffu {
float: left;
font-size: 20px;
color: #fff;
padding: 5px 10px 10px 0;
display: block;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);
}
#footer #footer_one .some_foot_menu .foot_follow_us ul {
list-style-type: none;
margin: 0;
padding: 0;
float: left;
}
#footer #footer_one .some_foot_menu .foot_follow_us ul li  ul li {
margin: 0 0 0 15px;
padding: 0;
padding-top:10px;
float: left;
}
#footer #footer_one .some_foot_menu .foot_follow_us ul li .social_1:active {
background-position: left -84px;
}
#footer #footer_one  .some_foot_menu .foot_follow_us ul li .social_1:hover {
background-position: left -42px;
}
#footer #footer_one .some_foot_menu .foot_follow_us ul li .social_2:active {
background-position: -41px -84px;
}
#footer #footer_one .some_foot_menu .foot_follow_us ul li .social_2:hover {
background-position: -41px -42px;
}
#footer #footer_one .some_foot_menu .foot_follow_us ul li .social_4:active {
background-position: -123px -84px;
}
#footer #footer_one .some_foot_menu .foot_follow_us ul li .social_4:hover {
background-position: -123px -42px;
}
#footer #footer_one  .some_foot_menu .foot_follow_us ul li .social_1 {
background: url('/images/social.png') no-repeat left top;
padding: 20px 20px;
}

#footer #footer_one .some_foot_menu .foot_follow_us ul li .social_2 {
background: url('/images/social.png') no-repeat -41px top;padding: 20px 20px;
}
#footer #footer_one .some_foot_menu .foot_follow_us ul li .social_4 {
background: url('/images/social.png') no-repeat -123px top;padding: 20px 20px;
}
#footer #footer_one .foot_contacts .inner_foot_contacts .our_address {
float: left;
width: 180px;
font-size: 11px;
color: #fff;
line-height: 15px;
padding: 2px 0 0 0;
margin-left: -1px;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);
}
#footer #footer_one a:hover{
	color:#fff;
	
	}
#footer #footer_one .foot_contacts .inner_foot_contacts .our_connect {
float: left;
padding: 2px 0 0 40px;
font-size: 11px;
line-height: 14px;
color: #fff;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);
}
#footer #footer_one .copyright {
font-size: 11px;
color: grey;
display: block;
text-align: right;
//background: url('/images/foot_border.png') repeat-x left top;
padding: 15px 0 15px 0;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);

border-top: 1px solid grey;

}
#copyright {
	width:100px;
	font-size: 10px;
	margin:0 auto;
	padding-bottom:10px;
	
}

#footer .footer2 a:hover {
	color: #707070;
	text-decoration: underline;
}

/*#footer ul {
	width: 100%;
	color: grey;
	list-style: none;
	color: #A6A0A0;
}

#footer ul li {
	margin-left: 0px;
	float: left;
	margin-right:60px;
}

#footer .followus {
	
	margin-right:0;
}

#footer ul li h5 {
	color: #fff;
	margin-bottom: 5px;
}

#footer ul li h4:hover {
	color: #A6A0A0;
	
	text-decoration: underline;
}

#footer ul li ol a {
	color: #B4CA41;
}

#footer ul li ol a:hover {
	color: grey; //
	text-decoration: underline;
}

#footer p {
	padding: 10px;
}

#footer ol a img {
	opacity: 1.0;
	filter: alpha(opacity = 100);
}

#footer ol a:hover {
	opacity: 0.4;
	filter: alpha(opacity = 40);
}

#footer_bottom {
	width: 73%;
	height: 60px;
	background-color: #191919;
	margin-top: 140px;
	margin-left: auto;
	margin-right: auto;
}


#footer_part {
	
	width:630px;
	margin:0 auto;
	
}	





*/

/* ---------------------------------------------------------------------- */
/* Widgets
/* ---------------------------------------------------------------------- */
.widget {
	margin-bottom: 20px;
}

#sidebar .widget {
	margin-bottom: 30px;
}

/* Latest Posts */
.latest-posts li {
	background: url(/images/footer/pencil-footer.png) no-repeat left 0.333em;
	/* 4px */
	padding-left: 21px;
	margin-bottom: 20px;
}

.latest-posts li>a {
	display: block;
}

.latest-posts li>span {
	display: block;
	font-size: 0.916em; /* 11px */
	margin-top: 5px;
	font-style: italic;
}

/* Twitter */
.twitter-widget ul li {
	background: url(/images/footer/twitter-bullet-footer.png) no-repeat left
		0.333em; /* 4px */
	padding-left: 26px;
	margin-bottom: 20px;
	word-wrap: break-word; /* for Chrome */
}

.twitter-widget ul li>span {
	display: block;
}

.tweet_time {
	font-size: 0.916em; /* 11px */
	margin-top: 5px;
	font-style: italic;
}

#footer-top .tweet_time a {
	color: #bfbfbf;
}

/* Flickr */
.flickr-widget ul {
	margin-right: -5px;
}

.flickr-widget ul li {
	float: left;
	margin: 0 5px 5px 0;
}

.flickr-widget ul img {
	width: 70px;
	height: 70px;
}

/* Contact Info */
.contact-info p {
	background-repeat: no-repeat;
	padding-left: 23px;
	margin-bottom: 15px;
}

.contact-info .address {
	background-image: url(/images/contact/home.png);
	background-position: left 0.083em; /* 1px */
}

#footer .contact-info .address {
	background-image: url(/images/footer/contact/home-footer.png);
}

.contact-info .phone {
	background-image: url(/images/contact/phone.png);
	background-position: left 0.083em; /* 1px */
}

#footer .contact-info .phone {
	background-image: url(/images/footer/contact/phone-footer.png);
}

.contact-info .email {
	background-image: url(/images/contact/mail.png);
	background-position: left 0.25em; /* 3px */
}

#footer .contact-info .email {
	background-image: url(/images/footer/contact/mail-footer.png);
}

.contact-info .business-hours {
	background-image: url(/images/contact/clock.png);
	background-position: left 1px;
}

.contact-info .social-links {
	margin-top: 20px;
}

/* Social Links */
.social-links ul {
	overflow: hidden;
	margin-right: -6px;
}

.social-links li {
	float: left;
	margin: 0 6px 6px 0;
}

.social-links a {
	display: block;
	width: 24px;
	height: 24px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -10000em;
}

.social-links li.twitter a {
	background-image: url(/images/social-media/twitter-circular.png);
}

.social-links li.facebook a {
	background-image: url(/images/social-media/facebook-circular.png);
}

.social-links li.google a {
	background-image: url(/images/social-media/google-circular.png);
}

.social-links li.youtube a {
	background-image: url(/images/social-media/youtube-circular.png);
}

.social-links li.skype a {
	background-image: url(/images/social-media/skype-circular.png);
}

.social-links li.rss a {
	background-image: url(/images/social-media/rss-circular.png);
}

/* Menu with Separators */
.widget ul.menu li {
	border-bottom: 1px dotted #ccc;
}

.widget ul.menu li>a {
	display: block;
	color: #383838;
	padding: 5px 0 5px 11px;
	background: url(/images/bullets-and-arrows/arrow-right.png) no-repeat
		left 0.833em; /* 10px */
}

/* Tags */
ul.tags li {
	float: left;
	margin: 0 5px 5px 0;
}

ul.tags a {
	display: block;
	background-color: #e5e5e5;
	color: #383838;
	padding: 5px 10px;
}

ul.tags a:hover {
	color: #fff;
}

/* ---------------------------------------------------------------------- */
/* Error Page
/* ---------------------------------------------------------------------- */
.error-page #page-title {
	background: url(/images/alert-56.png) no-repeat left center;
	padding-left: 66px;
}

/* ---------------------------------------------------------------------- */
/* Search Results
/* ---------------------------------------------------------------------- */
ul#search-results li {
	border-top: 1px dotted #ccc;
	padding: 20px 0;
}

ul#search-results li:first-child {
	border: none;
	padding-top: 0;
}

ul#search-results h2 {
	margin-bottom: 5px;
}

ul#search-results h2 a,ul#search-results h2 a strong {
	color: #383838;
}

ul#search-results p {
	margin: 0;
}

/* ---------------------------------------------------------------------- */
/* Pagination
/* ---------------------------------------------------------------------- */
.page-nav {
	border-top: 1px solid #e5e5e5;
	padding-top: 40px;
	margin-bottom: 40px;
}

.page-nav>span {
	margin-right: 20px;
}

.page-nav ul,.page-nav li,.page-nav>span {
	display: inline-block;
}

.page-nav li,.page-nav>span {
	vertical-align: middle;
}

.page-nav li {
	margin-right: 5px;
	line-height: normal;
}

.page-nav a {
	display: block;
	background-color: #e5e5e5;
	color: #383838;
}

.page-nav a,.page-nav li.current {
	padding: 5px 10px;
}

.page-nav a:hover,.page-nav li.current {
	color: #fff;
}

/* ---------------------------------------------------------------------- */
/* Tables
/* ---------------------------------------------------------------------- */

/* Generic Table */
.summary-table th {
	background-color: #f0f0f0;
}

.summary-table th,.summary-table td {
	padding: 2px;
	text-align: center;
	border: 1px solid #e5e5e5;
	vertical-align: top;
}

.summary-table {
	width: 50%;
	margin-bottom: 20px;
	font-size: 1.0em;
}

.gen-table {
	width: 100%;	
	margin-bottom: 20px;
	

}

.gen-table caption {
	margin-bottom: 10px;
}

.gen-table th {
	font-weight: bold;
}

.gen-table th, .gen-table td {
	background-color: #fff;
	padding: 5px;	
	text-align: center;
	border: 1px solid #e5e5e5;	
	vertical-align: top;
	word-wrap:break-word;
	 max-width:140px;
}


.gen-table .empty-left-top {
	background-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
}

.gen-table .empty-left-bottom {
	background-color: transparent;	
	border-left-color: transparent;
	border-bottom-color: transparent;
}

.gen-table td.top-left {
	text-align: left;
	vertical-align: top;
}

.gen-table thead th {
	font-size: 1.166em; /* 14px */
}

.gen-table thead th,
.gen-table tfoot td {
	background-color: #f0f0f0;	
	border-color: #d9d9d9;
	
}

.gen-table tbody th,
.gen-table tr.odd th, .gen-table tr.odd td {
	background-color: #f7f7f7;
}

.gen-table tfoot td {
	font-style: italic;
	font-size: 0.916em; /* 11px */
}

.gen-table tfoot .button {
	font-style: normal;
	font-size: 1.09em; /* 12px/11px */
	margin: 5px 0;
}

.gen-table span.check {
	display: inline-block;
	background: url(/images/check-green.png) no-repeat left top;
	width: 18px;
	height: 14px; 
}

.gen-table tfoot + tbody tr.row-last th, 
.gen-table tfoot + tbody tr.row-last td {
	border-bottom-color: #d9d9d9;	
}

/* Pricing Table */
.pricing-table span.title {
	display: block;
	font-size: 1.714em; /* 24px/14px */
	line-height: 1.25em; /* 30px/24px */
}

.pricing-table th,.pricing-table td {
	padding: 10px 15px;
}

.pricing-table span.price {
	display: block;
	line-height: 2.571em; /* 36px/14px */
}

.pricing-table span.price span {
	font-weight: 600;
	font-size: 1.428em; /* 20px/14px */
	color: #669900;
}

.pricing-table span.price sup {
	font-weight: normal;
}

.pricing-table tbody tr:hover td {
	background-color: #fff;
}

.pricing-table tbody tr:hover th,.pricing-table tbody tr:hover td {
	background-color: #fff !important;
}

.pricing-table tbody tr:hover th,.pricing-table tr.odd:hover th,.pricing-table tr.odd:hover td
	{
	background-color: #f7f7f7 !important;
}

/* Pricing Boxes */
.pricing-box {
	margin-bottom: 20px;
	text-align: center;
}

.pricing-box .header,.pricing-box .footer {
	background-color: #f0f0f0;
	border: 1px solid #d9d9d9;
}

.pricing-box .footer {
	padding: 10px 15px;
}

.pricing-box ul.features {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-top: none;
	border-bottom: none;
	padding: 10px 15px;
}

.pricing-box ul.features li {
	border-top: 1px solid #e5e5e5;
	padding: 5px 0;
}

.pricing-box ul.features li:first-child {
	border: none;
}

.pricing-box .button {
	margin: 5px 0;
}

.pricing-box .title {
	font-weight: bold;
	font-size: 1.5em; /* 18px */
	line-height: 1.333em; /* 24px/18px */
	background-color: #d9d9d9;
	padding: 5px 15px;
	margin: 0;
}

.pricing-box .price {
	line-height: normal;
	padding: 10px 15px;
	margin: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.pricing-box .price span {
	font-weight: 600;
	font-size: 2.142em; /* 30px/14px */
	color: #669900;
}

.pricing-box .price sup {
	font-weight: normal;
}

.pricing-box.featured .title,.pricing-box.featured .price span,.pricing-box.featured .price sup
	{
	color: #fff;
}

.pricing-box.featured .price {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* ---------------------------------------------------------------------- */
/* About Us
/* ---------------------------------------------------------------------- */
.team {
	margin-right: -20px;
}

.team-member {
	text-align: center;
	margin-bottom: 20px;
}

.team-member.one-fourth {
	width: 220px;
	margin-right: 20px;
}

.team-member .photo {
	max-width: 100%;
	margin: 0 auto 15px;
}

.team-member .name {
	margin-bottom: 5px;
}

.team-member span.job-title {
	display: block;
	margin-bottom: 10px;
	color: #999;
}

/* Social Links */
.team-member .social-links {
	border-top: 1px solid #e5e5e5;
	padding-top: 15px;
}

.team-member .social-links li {
	display: inline-block;
	float: none;
	margin: 0 15px 15px 0;
	vertical-align: middle;
}

.team-member .social-links a {
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -10000em;
	height: 16px;
}

.team-member .social-links li.twitter a {
	width: 20px;
	background-image: url(/images/social-media/twitter.png);
}

.team-member .social-links li.facebook a {
	width: 16px;
	background-image: url(/images/social-media/facebook.png);
}

.team-member .social-links li.linkedin a {
	width: 16px;
	background-image: url(/images/social-media/linkedin.png);
}

.team-member .social-links li.googleplus a {
	width: 16px;
	background-image: url(/images/social-media/googleplus.png);
}

.team-member .social-links li.skype a {
	width: 16px;
	background-image: url(/images/social-media/skype.png);
}

.team-member .social-links li.email a {
	width: 15px;
	background-image: url(/images/social-media/email.png);
}

/* ---------------------------------------------------------------------- */
/* Clients
/* ---------------------------------------------------------------------- */
.client-wrap {
	border-top: 1px solid #E5E5E5;
	padding-top: 25px;
}

.clients {
	margin: 0 -10px 20px 0;
}

.clients li {
	float: left;
	border: 1px solid #e5e5e5;
	margin: 0 10px 10px 0;
	width: 178px;
}

.clients li:hover {
	border-color: #d9d9d9;
}

.clients a {
	display: block;
}

.clients img {
	opacity: 0.75;
	filter: alpha(opacity =     75);
	max-width: 100%;
}

.clients img:hover {
	opacity: 1;
	filter: alpha(opacity =     100);
}

/* ---------------------------------------------------------------------- */
/* Media Queries 
/* ---------------------------------------------------------------------- */

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	/* Container */
	.container {
		width: 748px;
	}

	/* Carousel */
	.iconbox-carousel>li,.project-carousel>li,.post-carousel>li {
		margin-right: 44px;
	}

	/* Portfolio Grid */
	ul.portfolio-grid {
		margin-right: -44px;
	}
	ul.portfolio-grid>li.one-fourth {
		margin-right: 44px;
	}

	/* Related Posts */
	.related-posts .post-carousel>li {
		width: 172px;
		margin-right: 20px;
	}

	/* Newsletter Form */
	#newsletter-form input#newsletter {
		width: 67.759%; /* 248px/366px */
	}

	/* About Us */
	.team-member.one-fourth {
		width: 172px;
	}

	/* Clients */
	.clients {
		margin: 0 -20px 20px 0;
	}
	.clients li {
		width: 170px;
		margin: 0 20px 20px 0;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) { /* Tiny Nav */
	.js .tinynav {
		display: block;
	}
	.js #navlist {
		display: none;
	}

	/* Slider */
	.flex-caption {
		display: none;
	}

	/* Columns */
	.one-half,.one-third,.one-fourth,.two-thirds,.three-fourths {
		float: none;
		display: block;
		margin-right: 0;
		width: 100%;
		max-width: none;
	}

	/* Floats */
	.float-left,.float-right {
		float: none;
	}

	/* Header */
	#header-top .one-half:first-child {
		text-align: center;
	}
	#header-top .one-half.column-last:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
	}
	#header-top .one-half.column-last {
		margin-top: 20px;
	}
	#logo {
		float: none;
		margin: 0 auto;
		height: 10%;
	}
	#logo,#logo a,#logo img {
		display: inline;
	}
	#tagline {
		float: none;
		margin-top: 5px;
	}
	#polyglotLanguageSwitcher {
		margin-top: 0;
	}
	#header .contact-info {
		float: left;
		margin-top: 0;
	}
	#header .contact-info p {
		float: none;
		margin-top: 5px;
		margin-left: 0;
	}
	#header .contact-info p:first-child {
		margin-top: 0;
	}

	/* Footer */
	#footer-nav ul {
		text-align: left;
	}
	#footer-top>.one-half,#footer-top>.one-third,#footer-top>.one-fourth,#footer-top>.two-thirds,#footer-top>.three-fourths
		{
		margin-top: 40px;
	}
	#footer-top>.one-half:first-child,#footer-top>.one-third:first-child,#footer-top>.one-fourth:first-child,#footer-top>.two-thirds:first-child,#footer-top>.three-fourths:first-child
		{
		margin-top: 0;
	}

	/* Pagination */
	.page-nav li,.page-nav>span {
		margin-bottom: 10px;
	}

	/* About Us */
	.team-member.one-fourth {
		width: 100%;
		margin-right: 0;
	}

	/* Responsive Tables */
	.table-wrapper {
		position: relative;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.table-wrapper table {
		margin-bottom: 0;
	}
	.table-wrapper .scrollable table {
		margin-left: 37.3%;
	}
	.table-wrapper .scrollable {
		overflow: scroll;
		overflow-y: hidden;
	}
	.table-wrapper caption {
		display: none;
	}
	.pinned {
		position: absolute;
		left: 0;
		top: 0;
		width: 37.3%;
		height: 100%;
		background-color: #fff;
		overflow: hidden;
		overflow-x: scroll;
	}
	.pinned table th,.pinned table td {
		white-space: nowrap;
		border-right: none;
	}
	.pinned .empty-left-top,table.responsive th {
		height: 88px;
	}
	table.responsive td,table.responsive th {
		white-space: nowrap;
		overflow: hidden;
	}
	table.responsive th:first-child,table.responsive td:first-child,table.responsive td:first-child,table.responsive.pinned td
		{
		display: none;
	}

	/* Images */
	.entry-image.float-left,.float-left.caption,.entry-image.float-right,.float-right.caption
		{
		margin: 20px 0;
	}

	/* Comment Form and Contact Form */
	#comment-form input,.content-form input {
		width: 80%;
	}
	#comment-form textarea,.content-form textarea,.content-form select {
		width: 90%;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* Container */
	.container {
		width: 420px;
	}

	/* Tiny Nav */
	.tinynav {
		width: 340px;
	}

	/* Carousel */
	.iconbox-carousel>li,.project-carousel>li,.post-carousel>li {
		width: 200px;
	}

	/* Portfolio Grid */
	ul.portfolio-grid>li.one-fourth {
		width: 200px;
	}

	/* Newsletter Form */
	#newsletter-form input#newsletter {
		width: 71.904%; /* 302px/420px */
	}

	/* Clients */
	.clients li {
		width: 131px;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { /* Container */
	.container {
		width: 300px;
	}

	/* Tiny Nav */
	.tinynav {
		width: 220px;
	}

	/* Carousel */
	.iconbox-carousel>li,.project-carousel>li,.post-carousel>li {
		margin-left: 40px;
		margin-right: 40px;
	}

	/* Portfolio Grid */
	ul.portfolio-grid {
		margin: 0;
	}
	ul.portfolio-grid>li.one-fourth {
		margin-left: 40px;
		margin-right: 40px;
	}

	/* Newsletter Form */
	#newsletter-form input#newsletter {
		width: 60.666%; /* 182px/300px */
	}

	/* Infobox */
	.infobox div.with-button {
		display: block;
	}
	.infobox .button {
		display: none;
	}
	.infobox .mobile-button {
		float: none;
		display: inline-block;
		margin-left: 0;
		margin-top: 20px;
	}

	/* Clients */
	.clients li {
		width: 143px;
	}
}

/* Update candidate JD */
#jd {
	margin-top: -50px;
}

/* Client attributes */
#jdOrg {
	margin-top: 45px;
}

/* email button and export button alignment */
#email {
	margin-top: -43px;
	margin-left: 350px;
}

#bulkemail {
	margin-left: 430px;
	margin-top: -47px;
}

#export {
	margin-top: -47px;
	margin-left: 540px;
}

#approve {
	margin: 0 auto;
}

#size {
	font-size: 24px;
}

/* Select attribute in search-candidate */
#searchatt {
	margin-top: -30px;
}

/* Content-layout and back  button alignment */
#content-layout {
	margin-top: 0px;
}

/* Scroll to Top */
.scrollToTop {
	border: 1px solid none;
	//width: 23px;
	//height: 20px;
	padding: 5px;
	background-color: #383838;
	text-align: center;
	font-weight: bold;
	color: white;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 40px;
	display: none;
}

.scrollToTop:hover {
	text-decoration: none;
	background-color: #f25824;
}

img.scrolltop {
	padding: 5px;
	border:none;
}

/* Back Button */

/* Remove Button bgcolor in Assign recruiter */
#remove,a#approved {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #C8C8C8;
}

#approve {
	margin-left: 10px;
}

/* Recruiter Name in Assign user */
#userName a {
	color: blue;
	text-decoration: underline;
}

#userName a:hover {
	color: red;
}

/* Image slider in Home page*/
#sliderFrame {
	width: 100%;
	height: 350px;
	margin-top: -40px;
}
/*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
#slider {
	width: 1050px;
	height: 326px; /* Make it the same size as your images */
	background: #fff url('/images/banners/loading.gif') no-repeat 50% 50%;
	position: relative;
	margin: 0 auto; /*make the image slider center-aligned */
	box-shadow: 0px 1px 5px #999999;
	margin-top: 5px;
}

#slider img {
	position: absolute;
	border: none;
	display: none;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
	z-index: 2;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0;
	padding: 0;
	margin: 0;
	width: 920px;
	height: 326px;
}

/* Caption styles */
div.mc-caption-bg,div.mc-caption-bg2 {
	position: absolute;
	width: 920px;
	height: 326px;
	padding: 0;
	left: 0px;
	/*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom: 0px;
	/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index: 3;
	overflow: hidden;
	font-size: 0;
}

div.mc-caption-bg {
	background-color: black;
}

div.mc-caption {
	font: bold 14px/20px Arial;
	color: #EEE;
	z-index: 4;
	padding: 10px 0;
	/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
	text-align: center;
}

div.mc-caption a {
	color: #FB0;
}

div.mc-caption a:hover {
	color: #DA0;
}

/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper {
	top: 340px;
	float: right;
	margin-right: 0px; /* Its position is relative to the #slider */
	background: none;
	padding-left: 20px;
	margin-top: 5px;
	position: relative;
	z-index: 10;
	cursor: pointer;
}

/* each bullet */
div.navBulletsWrapper div {
	width: 11px;
	height: 11px;
	background: transparent url('/images/banners/bullet.png') no-repeat 0 0;
	float: left;
	overflow: hidden;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 11px; /* distance between each bullet*/
	_position: relative; /*IE6 hack*/
}

div.navBulletsWrapper div.active {
	background-position: 0 -11px;
}

/* --------- Others ------- */
#slider {
	transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
}

/* --------- Characters count in add job description ------- */
#countMandskills,#countPreferskills,#countAvoidskills {
	margin-left: 380px;
	margin-top: -35px;
	color: red;
}

#characters {
	margin-left: 410px;
	margin-top: -18px;
}

/* Add more skills button & edit more skills button in  JD */
#addmorebutton {
	margin-left: 250px;
	margin-top: -36px;
}

/* --------- Information box ------- */
.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}

a.help span {
	display: none;
	width: 160px;
	text-align: left;
	color: #000;
	padding: 4px;
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	filter: progid :     DXImageTransform.Microsoft.Shadow (       Strength
		=   
		 5, Direction =     135, Color =     '#999999' );
}

a.help:hover {
	position: relative;
}

a.help:hover span {
	display: block;
	position: absolute;
	padding: 4px 10px;
	border: 1px solid black;
	background-color: #eeeeee;
}

#info {
	margin-left: 300px;
	margin-top: -40px;
	margin-bottom: 20px;
}


/* -------- candidate attribute value in candidates ------ */
#attributevalues {
	margin-top: 0px;
	position: absolute;
	width: 420px;
}

#attributevalue {
	margin-top: 20px;
}

#ctrash {
	margin-left: 52px;
	margin-top: -30px;
}

#cview {
	margin-left: 20px;
	margin-top: 10px;
}

#all,#a {
	border: 1px solid;
	width: 20px;
	height: 18px;
	margin-left: 130px;
	margin-top: -40px;
	text-align: center;
	background-color: #f25824;
	color: white;
}

#a {
	margin-left: 160px;
	margin-top: -20px;
}

#all a {
	text-decoration: none;
	color: white;
	background-color: #f25824;
}

#a a {
	text-decoration: none;
	color: white;
	background-color: #f25824;
}

/* --------- Information tooltip for candidates resume ------- */
.tooltip {
	position: relative;
	display: inline-block;
	cursor: help;
	white-space: nowrap;
	border-bottom: 1px dotted #777;
}

.tooltip-content {
	opacity: 0;
	visibility: hidden;
	font: 12px Arial, Helvetica;
	text-align: center;
	border-color: #aaa #555 #555 #aaa;
	border-style: solid;
	border-width: 1px;
	width: auto;
	padding: 15px;
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -76px;
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .1)
		), to(rgba(255, 255, 255, 0) ) );
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, .1),
		rgba(255, 255, 255, 0) );
	background-image: -moz-linear-gradient(rgba(0, 0, 0, .1),
		rgba(255, 255, 255, 0) );
	background-image: -ms-linear-gradient(rgba(0, 0, 0, .1),
		rgba(255, 255, 255, 0) );
	background-image: -o-linear-gradient(rgba(0, 0, 0, .1),
		rgba(255, 255, 255, 0) );
	background-image: linear-gradient(rgba(0, 0, 0, .1),
		rgba(255, 255, 255, 0) );
	-moz-box-shadow: 1px 1px 0 #555, 2px 2px 0 #555, 3px 3px 1px
		rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-box-shadow: 1px 1px 0 #555, 2px 2px 0 #555, 3px 3px 1px
		rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .5) inset;
	box-shadow: 1px 1px 0 #555, 2px 2px 0 #555, 3px 3px 1px
		rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-transition: bottom .2s ease, opacity .2s ease;
	-moz-transition: bottom .2s ease, opacity .2s ease;
	-ms-transition: bottom .2s ease, opacity .2s ease;
	-o-transition: bottom .2s ease, opacity .2s ease;
	transition: bottom .2s ease, opacity .2s ease;
}

.tooltip-content:after,.tooltip-content:before {
	border-right: 16px solid transparent;
	border-top: 15px solid #fff;
	bottom: -15px;
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -10px;
}

.tooltip-content:before {
	border-right-width: 25px;
	border-top-color: #555;
	border-top-width: 15px;
	bottom: -15px;
}

.tooltip:hover .tooltip-content {
	opacity: 1;
	visibility: visible;
	bottom: 30px;
}

#ovrBtm {
	background: #e8e8e8;
	color: #666;
	font-size: 31px;
	text-align: center;
	font-weight: bold;
	//text-shadow: 1px 1px white, -1px -1px #fff;
}

#notification {
	width: 960px;
	margin: 0 auto;
	
}

#rating,#platinum,#gold,#silver {
	margin-top: 200px;
}

#rating {
	font-size: 16px;
	color: maroon;
}

#platinum {
	margin-left: 60px;
	margin-top: -20px;
}

#gold {
	margin-left: 160px;
	margin-top: -20px;
}

#silver {
	margin-left: 230px;
	margin-top: -20px;
}

#platname,#goldname,#silvername {
	margin-left: 25px;
	margin-top: -18px;
	font-size: 14px;
}

#check {
	position: absolute;
	top: 210px;
	margin-left: 200px;
}

#join {
	position: absolute;
	top: 330px;
	margin-left: 350px;
}

#message {
	width: 500px;
	height: 200px;
}

/* --------- Check availability ------- */
#box {
	padding: 10px;
	border: 1px solid lightgrey;
	border-radius: 5px;
	width: 350px;
	height: auto;
}

#checkbox1 {
	padding: 10px;
}



/* --------- 404 ERROR PAGE------- */
.c-container {
	background: url("/images/sprite_4042.png") no-repeat 0 0;
	margin-left: 50px;
	margin-top: -35px;
}

#container .apology {
	font-size: 18px;
	font-weight: bold;
	color: #444;
	display: block;
	margin-bottom: 8px;
	margin-top: 30px;
}

.c-container .c-module {
	width: 650px;
	position: absolute;
	top: 48%;
	left: 41%;
	margin-left: -248px;
	height: 200px;
	margin-top: -114.5px;
}

.c-container {
	height: 700px;
	position: relative;
}

.c-container .c-wrap {
	zoom: 1;
}

.c-container .c-wrap:before,.c-container .c-wrap:after {
	content: "";
	display: table;
}

.c-container .c-box {
	float: left;
	border-left: 1px solid #ccc;
	border-left: 1px solid rgba(153, 153, 153, 0.3);
	height: 200px;
	width: 380px;
	padding-left: 42px;
	position: relative;
	zoom: 1;
}

#container .c-box {
	padding-left: 40px;
}

.c-container .c-logo {
	display: block;
	cursor: pointer;
	background: url("/images/404.jpg") no-repeat 0 20px;
	float: left;
	height: 200px;
	width: 215px;
}

.c-container .c-wrap:before,.c-container .c-wrap:after {
	content: "";
	display: table;
}

#container h1 {
	color: maroon;
	font-size: 70px;
	line-height: 80px;
	font-weight: bold;
}


#underline a:hover {
	text-decoration: underline;
}

#notavailable {
	margin-left: 200px;
	color: red;
	font-size: 30px;
}

#nocandidate,#noclient {
	border: 1px solid lightgrey;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: auto;
	height: auto;
}

#nocanmessage,#noclientmessage {
	padding: 20px;
	text-align: center;
	color: orange;
	font-size: 24px;
}

#addimportbtn {
	text-align: center;
}

#site-title span {
	display: block;
	margin-left: 0px;
	margin-top: 35px;
	font-size: 12px;
	color: #ffffff;
}
#site-title a{
	color:white;
	}
	#site-title a:FOCUS{
	color:white;
	}
#site_title {
	float: left;
	margin-top: 30px;
	padding: 10px 0;
	margin-bottom:10px;
}


/*--------Border for Unsubscriber page -----------*/
#outer_line
{
border:2px solid lightgrey;
width:700px;
height:auto;
margin:0 auto;
}

/*-------- Mass mailing button alignment ------*/
#align
{
text-align:center;
}

/*****jobs*****/
.back_link{
		  font-size:15px;
          margin:0px;
		  padding:0px;
		  }
.back_link a{
          font-size:15px;
		  color:#000000;
		  text-decoration:none;
		  padding:5px 10px 5px 10px; 
		  background:url(../images/line_arrow.png) no-repeat left;
		  }
.back_link a:hover{
           color:#000;
		 
		  }		
.back_link a.active{
         color:#B4CA41;
		 background:none;
		  }
.back_link a.active1{
         color:#B4CA41;
		  }
.back_link a.active:hover{
         color:grey;
		}
.back_link a.active1:hover{
         color:grey;

		  }		
		  
.content1 .possible_with_emerging {
width: 960px;
margin: 0 auto;
}		  
.content1 .possible_with_emerging .some_block_pwd.odd {
margin: 0 0 60px 0;
width: 440px;
}
.content1 .possible_with_emerging .some_block_pwd {
text-align: left;
width: 428px;
display: inline-block;
zoom: 1;
margin: 0 2px 60px 50px;
vertical-align: top;
}
.content1 .possible_with_emerging .some_block_pwd .img_sbp {
float: left;
margin-top: 2px;
}
.content1 .possible_with_emerging .some_block_pwd .txt_sbp {
margin-left: 139px;
}
.content1 .possible_with_emerging .some_block_pwd .txt_sbp .h_sbp {
display: block;


color:#262626;
}
.content1 .possible_with_emerging .some_block_pwd .txt_sbp .p_sbp {
display: block;
font-size: 15px;
color: #343434;
line-height: 23px;
}

div.dropdown {
	color: #555;
	flaot: right;
	position: relative;
	height: 10px;
	text-align: left;
	width: 200px;
}

div.submenu {
	background: #fff;
	position: absolute;
	top: -12px;
	left: -20px;
	z-index: 100;
	min-width: 150px;
	width: auto;
	display: none;
	margin-left: 10px;
	padding: 40px 0 0px;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

.dropdown  li a {
	color: #555555;
	display: block;
	font-weight: bold;
	padding: 0px 15px;
	cursor: pointer;
	text-decoration: none;
}

.dropdown li a:hover {
	background: #c9f055;
	color: #000;
	text-decoration: none;
}

a.account {
	line-height: 16px;
	color: #555;
	position: absolute;
	z-index: 110;
	display: block;
	padding: 11px 0 0 20px;
	height: 28px;
	width: auto;
	margin: -11px 0 0 -10px;
	text-decoration: none;
	cursor: pointer;
}

.root {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	padding: 11px 0 0 0px;
	border-top: 1px solid #dedede;
}


 /* login popup*/
 .post { margin: 0 auto; padding-bottom: 50px; float: left; width: 960px; }

.btn-sign {

	background: -moz-linear-gradient(center top, #00c6ff, #018eb6);
    background: -webkit-gradient(linear, left top, left bottom, from(#00c6ff), to(#018eb6));
	background:  -o-linear-gradient(top, #00c6ff, #018eb6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00c6ff', EndColorStr='#018eb6');
	text-align:center;
	
	color:#fff;
	
}

.btn-sign a { color:#fff; text-shadow:0 1px 2px #161616; }

#mask {
overflow:auto;
    height:auto ;
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 9999;
}

.login-popup{
color:#999;
	display:none;
	background: #333;
	padding: 10px; 	
	border: 2px solid #ddd;
	float: left;
	font-size: 12px;
	position: fixed;
	top:50%;left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

img.btn_close {
	float: right; 
	margin: -28px -28px 0 0;
}

fieldset { 
	border:none; 
}

form.signin .textbox label { 
	display:block; 
	padding-bottom:15px; 
}

form.signin .textbox span { 
	display:block;
}

form.signin p, form.signin span { 
	color:#fff; 
	font-size:13px; 
	line-height:18px;
} 

form.signin .textbox input[type="text"],form.signin .textbox input[type="password"],form.signin .textbox textarea ,form.signin .textbox select{ 
	background:#666666; 
	color:#fff; 
	border:1px solid #333;
}

form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }
/*end of login popup*/
 select{
	font-family:verdana,helvetica,arial,sans-serif;
	margin-top:5px;
	margin-bottom:10px;
	padding:4px;
	border: solid 1px #E5E5E5;  
	 outline: 0;  
	  background: #FFFFFF;  
	  
	}
input[type="text"],input[type="password"], textarea{   
	font-family:verdana,helvetica,arial,sans-serif;
    padding: 7px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    font: normal 13px/100% ;  
    width: 200px;  
    background: #FFFFFF;  
    margin-top:5px;
    }  
  
textarea {   
    width: 400px;  
    max-width: 400px;  
    height: 150px;  
    line-height: 150%;  
    }  
  
input:hover, textarea:hover,  select:hover,
input:focus, textarea:focus {   
    border-color: #C9C9C9;   
    }  
  
.form label {   
    margin-left: 10px;   
    color: #999999;   
    }  
 input[type="submit"] ,input[type="button"] {  
 	font-family:verdana,helvetica,arial,sans-serif;
    width: auto;  
    padding: 9px 15px;  
    background: #ED732D; 
    border: 0;  
    font-size: 13px;  
    color: #FFFFFF;  
    cursor:pointer;
    }  
    input[type="submit"]:hover,input[type="button"]:hover {  
   background-color: #666666;  
    }
 

/* Main Navigation */
ul#navigation {
	margin: 0px auto;
	position: relative;
	float: right;
	
}

ul#navigation li {
	margin-right: 20px;
	float: left;
	position: relative;
	list-style: none;
	//height: 32px;
	display: inline;
	font-size: 16px;
	//font-weight:bold;
        font-family:Cambria;
}
ul#navigation li:last-child {
margin-right: 0;
}
ul#navigation li a {
	//display: block;
	text-decoration: none;
	white-space: nowrap;
	color: #4B4B4B;
	text-align:left;
}

ul#navigation .current {	
	//font-weight: bold;
	border-bottom: 5px solid #A0BB39;
	padding-bottom:1px;
	//height:20px;
}
ul#navigation .current a{
	color: #A0BB39;
	}
ul#navigation li a:hover {
//font-weight: bold;
	padding-bottom: 0;
	border-bottom: 5px solid #A0BB39;
	padding-bottom:1px;
	color: #A0BB39;
}

ul#navigation .current ul li a,ul#navigation ul li a:hover,ul#navigation ul li ul li a:hover,ul#navigation ul li ul li .current a,ul#navigation ul li ul li :hover
	{
	border-bottom: none;
	//padding: 0px 1px;
	font-weight: normal;
	color:#666;
                   font-family:Cambria;
}

ul#navigation ul li ul li a:hover,ul#navigation ul li a:hover {
	width: 175px;
	height: auto;
	background-color: #A0BB39;
	color: white;
	padding: 3px 10px;
	font-weight: normal;
}

/* Drop-Down Navigation */
ul#navigation li:hover>ul { /*these 2 styles are very important, 
being the ones which make the drop-down to appear on hover */
	visibility: visible;
	background-color: #EDEBEB;
	opacity: 1;
	text-align:left;
	color:black;
}

ul#navigation ul,ul#navigation ul li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	/*the next 2 styles are very important, 
being the ones which make the drop-down to stay hidden */
	visibility: hidden;
	opacity: 0;
	position: absolute;
	z-index: 999;
	width: 195px;
	/*background-color: #ED732D;*/
	box-shadow: 1px 1px 3px #666666;
	/* css3 transitions for smooth hover effect */
	//border-bottom:3px solid #4F4F4F;;
	-webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
	-moz-transition: opacity 0.2s linear, visibility 0.2s linear;
	-o-transition: opacity 0.2s linear, visibility 0.2s linear;
	transition: opacity 0.2s linear, visibility 0.2s linear;
	color: white;
}

ul#navigation ul {
	top: 25px;
	left: 0px;
	//border-top:3px solid #A0BB39;
	//border-bottom:3px solid #A0BB39;
	
}

ul#navigation ul li ul {
	top: -3px;
	left: -100%; /* strong related to width:180px; from above */
}


ul#navigation ul li {
	width: 100%;
	border-bottom:1px solid #e5e5e5;
	padding:0px 0px 0px 0px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	background-color:#fff;
}

ul#navigation ul li a {	
	padding: 3px 10px;
	color: #2A2A2A;
	text-decoration: none;
	display: inline-block;
	float: left;
	clear: both;
	width: 175px;
}
#header1 #blog a{
	color:#ED732D;
	}
#header1 #blog .bloglink{
	top:-5px;
	height:10px;
	margin-left:5px;
	position:relative;
	font-size:12px;
	color:#ED732D;
	}
/*uniform form styling */
 .uniform ul {
        list-style: none;
        padding: 0;
        margin: 0;
      }
     .uniform li {
        margin-bottom: 20px;
        clear: both;
      }
     .uniform label {
        font-size: 14px;
        font-weight: bold;
        display: block;
        margin-bottom: 3px;
        clear: both;
      }
      .uniform label span{
   margin-left:15px;
      }
      
   #toppanel #panel input[type="submit"]{
   padding:0;
   }
    #toppanel #panel input[type="text"], input[type="password"]{
   padding:5px;
   }
::-webkit-scrollbar {
    width: 10px;
    border-radius:5px;height: 10px;
}
 
::-webkit-scrollbar-track {
    background-color:#D8D8D8;
}

::-webkit-scrollbar-thumb {
    background-color:#9FBA3A;
    border-radius:5px;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 600px) and (max-device-width : 1280px) {
#nav1{padding-top:14px;}
.navigation1{padding-top:17px !important;}
.info-heading{margin-left:-5%;}
.info-heading1{left:5%;}
.info-heading3{left:21%;top:15.5% !important;}
#video{width:90%;height:100%;}
.aeroplane{left:35%;}
.aeroplane1{left:35%;margin-top:3%;}
#innerboxes{margin-right:5%;}
#content1{height:150px;}
#content3{width:100%;border:1px solid;}
#f1_container #f1_card,#f2_container #f2_card,#f3_container #f3_card{width: 100%;height: 100%;}
.img_sbp{width:100%;}
.some_block_pwd .img_sbp{width:30%;}
#parameterName{width:82.6% !important;}
#reset-comparative-button{margin:10px;width:290px !important;}
#dashboard .box1,#dashboard .box2,#dashboard .box3,#dashboard .box4{width:158px !important;margin-left:10px !important;}
#tabsdemo-label{width:280px !important;}
.box11,.box12,.box13,.box14{width:158px !important;}
.box12,.box13,.box14{width:158px !important;margin-left:12px !important;}
#go-to-city-profiling{font-size:0.69em !important;}
#tabsborder-left-top-green{width:280px !important;margin-top:-2px;}
#parametername{width:205px !important;}
#tabsborder-left select{margin:0px 3px !important;}
#mainaccordion.ui-accordion .ui-accordion-header{font-size:12px !important;}
.accordion #accrodion-submenu.tabselected a{font-size:12px !important;}
#mapDiv1{width:450px !important;}
#get-city-ranking label,#comparespan label{font-size:11px !important; }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 980px) and (max-device-width : 980px) {
.logo img{width:100%;height:100%;}
#nav1{padding-top:25px;margin-right:10%;}
.right_part_head{padding-top:25px !important;}
.info-heading3{left:24% !important;top:22% !important;}
.aeroplane{left:38%;margin-top:6%;}
.aeroplane1{left:36%;margin-top:6%;}
#innerboxes{margin-right:-2% !important;}
.content3{width:100%;}
#f1_container,#f2_container,#f3_container{width:195px !important;height:230px !important;}
#f1_container #f1_card,#f2_container #f2_card,#f3_container #f3_card{width: 155px;height: 230px;}
.img_sbp{width:100%;}
.some_block_pwd .img_sbp{width:30%;}
}



/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 1920px) and (max-device-width : 1920px) {
#sequence h2{font-size:24px !important;}
.info-heading1,.info-heading{left:15% !important;}
.info-heading2{left:15% !important;}
.info-heading3{left:23%;top:0% !important;}
.content3{width:52% !important;}
#f1_container,#f2_container,#f3_container{width:300px !important;height:230px !important;}
#f1_container #f1_card,#f2_container #f2_card,#f3_container #f3_card{width: 300px;height: 230px;}
.img_sbp{width:90%;}
.some_block_pwd .img_sbp{width:30%;}
}